.token-input-list-bootstrap {
    width: 500px;
    cursor: text;
    z-index: 999;
    margin: 0;
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: @border-radius-base;
    list-style-type: none;
    display: table;

    li {
        float: left;
        display: block;
    }
    li.token-input-token-bootstrap {
        position: relative;
        margin-right: 5px;

        p {
            .btn;
            .btn-sm;
            .btn-primary;
            padding-right: 18px;
        }
        span.token-input-delete-token-bootstrap {
            position: absolute;
            right: 5px;
            top: 4px;
            color: #ccc;
            cursor: pointer;

            &:hover {
                color: #fff;
            }
        }
    }
    li.token-input-input-token-bootstrap {
        input {
            padding-top: 5px;
            border: 0;
        }
    }
}
.token-input-dropdown-bootstrap {
    width: 500px !important;
    margin-top: -2px;
    border: 1px solid #ccc;
    border-radius: @border-radius-base;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #fff;

    p {
        margin: 0;
        padding: 5px;
        color: #777;
    }
    ul {
        margin: 0;
        padding: 0;

        li {
            background-color: #fff;
            padding: 3px;
            list-style-type: none;

            &.token-input-dropdown-item {
                background-color: #fafafa;
            }
            &.token-input-dropdown-item2 {
                background-color: #fff;
            }
            &.token-input-selected-dropdown-item {
                background-color: #d0efa0;
            }
        }
    }
}